<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	<!-- 新 Bootstrap 核心 CSS 文件 -->
<link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
 
<!-- 可选的Bootstrap主题文件（一般不使用） -->
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css"></script>
 
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
 
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
	<style>
		.body2{
			position: relative;
			top: 12px;
			left: -15px;
		}
		.body3_text{
			width: 240px;
			height: 80px;
			background-color: wheat;
			}
		.body4{
			position: relative;
			left: 35px;
			}		}
	</style>
	</head>
	<body>
		<div class="container">
	<div class="row clearfix">
		<div class="col-md-12 column">
			<div class="row clearfix">
				<div class="col-md-8 column">
					<div class="carousel slide" id="carousel-612856">
						<ol class="carousel-indicators">
							<li class="active" data-slide-to="0" data-target="#carousel-612856">
							</li>
							<li data-slide-to="1" data-target="#carousel-612856">
							</li>
							<li data-slide-to="2" data-target="#carousel-612856">
							</li>
						</ol>
						<div class="carousel-inner">
							<div class="item active">
								<img alt="" src="img/timg (1).jpg" />
								<div class="carousel-caption">
									<h4>
										First Thumbnail label
									</h4>
									<p>
										Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
									</p>
								</div>
							</div>
							<div class="item">
								<img alt="" src="img/timg (2).jpg" />
								<div class="carousel-caption">
									<h4>
										Second Thumbnail label
									</h4>
									<p>
										Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
									</p>
								</div>
							</div>
							<div class="item">
								<img alt="" src="img/timg.jpg" />
								<div class="carousel-caption">
									<h4>
										Third Thumbnail label
									</h4>
									<p>
										Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
									</p>
								</div>
							</div>
						</div> <a class="left carousel-control" href="#carousel-612856" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a> <a class="right carousel-control" href="#carousel-612856" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
					</div>
				</div>
				<div class="col-md-4 column">
					<img src="img/微信图片_20180508233902.png"/><br/>
					<button style="width: 304px;height: 50px;background-color: yellow;"><h4 style="font-style:oblique">登陆</h4></button>
				    <img style="width: 304px;height: 100px;" src="img/t_autohomecar__ChcCr1qYPXSAIEegAAlT6a2ORVg753.jpg"/>
				</div>
			</div>
			
			<div class="body2">
				<div class="col-md-8 column">
					<div class="row clearfix">
						<div class="col-md-4 column">
							<img alt="140x140" src="img/t_autohomecar__ChcCr1qYPXSAIEegAAlT6a2ORVg753.jpg" />
							<h4 class="body3_text">2018款 A8L 55 TFSI quattro豪华<h6>2小时前&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
								&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
								<img style="width: 10px;height: 10px;" src="img/shouchang.png"/>&nbsp;22&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
								&nbsp;&nbsp;&nbsp;<img style="width: 10px;height: 10px;" src="img/pingjia.png"/>&nbsp;66</h6></h4>
							
						</div>
						<div class="col-md-4 column">
							<img alt="140x140" src="img/t_autohomecar__ChcCr1qYPXSAIEegAAlT6a2ORVg753.jpg" />
							<h4 class="body3_text">2018款 A8L 55 TFSI quattro豪华<h6>2小时前&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
								&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
								<img style="width: 10px;height: 10px;" src="img/shouchang.png"/>&nbsp;22&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
								&nbsp;&nbsp;&nbsp;<img style="width: 10px;height: 10px;" src="img/pingjia.png"/>&nbsp;66</h6> </h4>
						</div>
						<div class="col-md-4 column">
							<img alt="140x140" src="img/t_autohomecar__ChcCr1qYPXSAIEegAAlT6a2ORVg753.jpg" />
							<h4 class="body3_text">2018款 A8L 55 TFSI quattro豪华<h6>2小时前&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
								&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
								<img style="width: 10px;height: 10px;" src="img/shouchang.png"/>&nbsp;22&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
								&nbsp;&nbsp;&nbsp;<img style="width: 10px;height: 10px;" src="img/pingjia.png"/>&nbsp;66</h6> </h4>
						</div>
					</div>
				</div>
				<div class="body4">
					<img style="width: 304px;,height: 120px;" src="img/t_autohomecar__ChcCr1qYPXSAIEegAAlT6a2ORVg753.jpg"/>
				</div>
			</div>
		</div>
	</div>
</div>
	</body>
</html>
